<template>
	<view class="push-header-box left clearfix">
		<view class="push-header-left left">
			<uni-icons type="left" size="20" color="#666"></uni-icons>
		</view>
		
		<view class="push-content left clearfix bai">
			<view class="push-title left clearfix bai">
				发布任务
			</view>
			
			<view class="push-items left clearfix" v-for="(item,index) in data" @click="navigatorToAdd(item,index)" :key="index">
				<view class="push-images left">
					<image :src="item.icon" style="width:100%;height:100%;"></image>
				</view>
				<view class="push-texts left">
					{{item.text}}
				</view>
				<view class="push-item-right right">
					<uni-icons type="right" size="20" color="#999"></uni-icons>
				</view>
			</view>
			
			
		</view>
		
		<wht-tabbar v-model:current="currentTab" :centerIndex="2" />
	</view>
</template>
<style>
	body,page{background:url('https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/images/daren-bj.jpg') no-repeat center center;background-size:cover;}
</style>
<style scoped>
	.push-item-right{width:2rem;height:2rem;line-height:3rem;margin-top:1.5rem;text-align: center;margin-right:.5rem;}
	.push-texts{width:7rem;line-height:3rem;height:3rem;font-size:1rem;font-weight:500;margin-top:1.5rem;}
	.push-images{width:3rem;height:3rem;margin:1.5rem;}
	.push-items{width:90%;height:6rem;background:#fff;border-radius: 10px;margin-left:5%;margin-top:1rem;}
	.push-title{line-height:3rem;text-align: center;font-size:1.2rem;font-weight:500;}
	.push-header-left{line-height:2rem;margin-left:1rem;margin-top:1.8rem;}
	.push-header-box{width:100%;height:2rem;margin-top:2rem;position:fixed;top:0;left:0;right:0;z-index:99999;}
</style>

<script>
	export default {
		data() {
			return {
				data:[
					{
						icon:'https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/icons/douyin.jpg',
						text:'抖音',
						id:1
					},
					{
						icon:'https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/icons/xiaohongshu.jpg',
						text:'小红书',
						id:2
					},
					{
						icon:'https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/icons/shipinhao.jpg',
						text:'视频号',
						id:3
					},
					{
						icon:'https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/icons/dazhongdianping.jpg',
						text:'大众点评',
						id:4
					},
					{
						icon:'https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/icons/qitapingtai.jpg',
						text:'其他平台',
						id:5
					},
					{
						icon:'https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/icons/fuzhyiyourenwu.jpg',
						text:'复制已有任务',
						id:6
					}
				]
			}
		},
		methods: {
			//跳转到添加页面
			navigatorToAdd(item,index){
				uni.navigateTo({
					url:'/pages/push/push-form?id='+item.id
				})
			}
		}
	}
</script>

